<template>
    <!--登录注册基本布局组件-->
    <!-- :style="{height:pageHeight+'px'}" -->
    <el-container class="container" style="height: 100vh;width: 100vw;">
    <el-header class="header">
        <slot name="header"></slot>
    </el-header> 

    <!-- 登录注册box -->
    <el-main class="main">
        <slot name="main" ></slot>
    </el-main>
            
    <el-footer class="footer">
        <slot name="footer"></slot>
        <!--<base-footer />-->
    </el-footer>

    </el-container>
</template>

<script setup>
import BaseFooter from '@/components/BaseFooter.vue'
import login_bg from '@/assets/image/login_bg.png'
import { ref,onMounted,onBeforeUnmount } from 'vue';
const pageWidth = ref(window.innerWidth);//宽度
const pageHeight = ref(window.innerHeight);//获取页面高度


</script>

<style scoped>
.header{
    height: 10%;

}
.main{
    height: 80%;
}

.footer{
    height: 10%;
}
</style>